

<template>
    <div>
        <el-card style="width: 70%; height: 70%; margin: 70px auto;">
            <div style="margin: 20px 20px;display: flex;flex-direction: row; justify-content: center; align-items: center;">
                <el-empty :image-size="150"></el-empty>

                <div>
                    <span style="font-size: 100px;margin-left: 100px">403</span>
                    <div style="display: flex;align-content: center;justify-content: center;font-size: 30px;margin-left: 100px">禁止访问</div>
                </div>

            </div>
            <div style="display: flex;flex-direction: row; justify-content: center; align-items: center;">
                <el-button style="width: 100px; height: 50px;font-size: 15px; margin: 0 30px;margin-bottom: 30px" type="primary" @click="showHomePage">去首页</el-button>
                <el-button style="width: 100px; height: 50px;font-size: 15px; margin: 0 30px;margin-bottom: 30px" @click="backPage">返回</el-button>
            </div>


<!--            <div style="float: right;">-->
<!--                <div style="display: flex;flex-direction: row; justify-content: center; align-items: center;">-->
<!--                    <img src="../assets/tsxy.jpg" width="60" height="60">-->
<!--                    <span style="font-size: 35px;font-family: 华文新魏">XXXX大学</span>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <span style="font-size: 25px;font-family: 华文仿宋">人工智能学院  _  计算机科学与技术</span>-->
<!--                </div>-->
<!--                <div style="display: flex;justify-content: center">-->
<!--                    <span style="font-size: 25px;font-family: 华文仿宋">学号 _ 姓名</span>-->
<!--                </div>-->
<!--            </div>-->

        </el-card>

    </div>


</template>



<script>
import {defineComponent} from 'vue'


export default defineComponent({
    name: "403",
    data(){
        return{

        }
    },
    methods:{
        showHomePage(){
            this.$router.push("/")
        },
        backPage(){
            this.$router.go(-1)
        }

    }
}
)
</script>

<style scoped>

</style>